<template>
	<view class="content" v-show="show">
		<!-- 头部导航 -->
		<view class="w-750 w-bj-cont" style="position: fixed; top: 0; left: 0;">
			<view class="h-100 w-row-justify-between-align">
				<view class="wh-80 w-row-center" @click="routerBack()">
					<image class="wh-40" src="../../../static/gane/goBack-icon.png"></image>
				</view>
				<view class="flex1 h-100 w-row-center w-wz-conts font-36">取款记录</view>
				<view class="wh-80">

				</view>
			</view>
		</view>
		<view class="bwh-100"></view>
		<!-- 头部导航结束 -->
		<view class="bwh-20"></view>
		<!-- 内容区域 -->
		
		<view class="w-720 w-bj-cont w-bor-12 w-column-align m-bottom-20 font-24 w-wz-conts"
			v-for="(item,index) in tableData">
			<view class="h-10"></view>
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">订单编号</text><text class="w-wz-black8">{{item.orderid}}</text>
			</view>
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">账户类型</text><text class="w-wz-black8">{{item.bank_name}}</text>
			</view>
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">账户姓名</text><text class="w-wz-black8">{{item.bank_username}}</text>
			</view>
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">取款账户</text><text class="w-wz-black8">{{item.bank_number}}</text>
			</view>
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">取款金额</text><text class="w-wz-gree">￥{{item.money}}</text>
			</view>
			
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">取款状态</text>
				<text v-if="item.status == 1" class="w-wz-yells">处理中</text>
				<text v-if="item.status == 2" class="w-wz-gree">取款成功</text>
				<text v-if="item.status == 3" class="w-wz-red">取款失败</text>
			</view>
			<view class="w-680 p-2 w-row-justify-between-align">
				<text class="font-26">取款时间</text><text class="w-wz-black8">{{item.create_time}}</text>
			</view>
			<view class="h-10"></view>
		</view>
		
		<view class="w-720 h-200 w-column-align m-top-50" v-if="tableData.length == 0">
			<image class="wh-150" src="../../../static/gane/zwsj.png"></image>
			<text class="w-wz-conts">暂 无 数 据 </text>
		</view>
	</view>
</template>

<script>
	import $H from '@/pages/common/request.js'
	export default {
		data() {
			return {
				UserInfo: {},
				show: false,
				tableData:[]
			}
		},

		onLoad() {
			this.getMoneyLog()
		},

		methods: {

			getMoneyLog() {
				$H.post('/app_user_wallet', {type: 'get_take'}).then((res) => {
					console.log(res)
					if (res.code == 200) {
						this.tableData = res.data
						this.show = true
					}
				})
			},

			

		}
	}
</script>

<style scoped lang="scss">
	body {
		color: #535d76 !important;
		background-color: #f0f3ff;
		font-size: 3.46667vw;
	}
	.title {
		.w-wz-conts {
			color: #323233 !important;
		}

	}
	
	.w-bj-cont{
		background-color: #fff !important;
		box-shadow: 0px 0px 40rpx -10rpx #e7e3e3;
	}
</style>
<style scoped>
	.w-wz-conts {
		color: #323233 !important;
	}
	.w-wz-black8{
		color: #323233 !important;
	}
</style>


